<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit" />
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="yes" name="apple-touch-fullscreen" />
		<meta content="telephone=no,email=no" name=format-detection />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<data></data>
		<title>愉直播</title>
	</head>
	<link href="../c/recommend.css" rel="stylesheet" />
	<link href="../c/new_index.css" rel="stylesheet" />
	<style>
		body,html{
			overflow-x: hidden;
			
		}
		.listgg {
			width: 60%;
			height: 2.5rem;
			overflow: hidden;
			margin-left: 5%;
			background: rgba(254, 254, 254, 0.1);
			z-index: 999;
			border-radius: 5px;
			margin-bottom: 2.4375rem;
		}

		.listgg ul {
			width: 100%;
			height: auto;
			position: relative;
			transition: all 1.5s ease-in-out;
		}

		.listgg ul li {
			width: 100%;

			height: 2.5rem;

		}

		.listgg ul li img {
			float: left;
			width: 1.5rem;
			margin-top: 0.5rem;
			margin-left: 0.5rem;
			height: 1.5rem;
			float: left;
			border-radius: 50%;
		}

		.listgg ul li p {
			float: left;
			width: 80%;
			margin-left: 4%;
			line-height: 1.25rem;
			height: 1.25rem;
		}

		.listgg ul li p:nth-of-type(1) span {
			color: #FFFFFF;
			display: block;
			max-width: 60%;
			float: left;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			overflow: hidden;
			font-size: 0.75rem;
		}

		.listgg ul li p:nth-of-type(1) small {
			height: 80%;
			float: left;
			padding: 0 7px;
			margin-top: 0.125rem;
			line-height: 1rem;
			margin-left: 0.5rem;
			border-radius: 15px;
			background: #FFC107;
			display: block;
		}

		.listgg ul li p:nth-of-type(2) span {
			display: block;
			float: left;
			max-width: 35%;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			overflow: hidden;
			color: #fff;
			font-size: 0.5625rem;
		}

		.listgg ul li p:nth-of-type(2) small {
			display: block;
			float: left;
			margin-left: 3%;
			width: 60%;
			color: #FFFFFF;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			overflow: hidden;
		}
		.yqma{
			 position: fixed;
			 width: 90%;
			 left: 5%;
			 right: 5%;
			 border-radius: 0.5rem;
			 top: 25%;
			 background:#32376C;
		 }
		 .yqma p{
			 width: 100%;
			 color:#ffffff;
			     padding-top: 1rem;
			  text-indent: 3%;
			  padding-top: 0.5rem;
			} 
			.yqma input{
				width: 94%;
				margin: 0.5rem 0;
				border-radius: 0.3rem;
				color: #fff;
				height: 2rem;
				border: 0.01rem solid #fff;
				text-indent:0.5rem;
				background: none;
				margin-left: 3%;
				border: 0.01rem solid #fff;
			}
		.yqma button{
		    background: #FE2C55;
		    width: 40%;
		    text-align: center;
		    /* margin-left: 10%; */
		    margin: 0 auto;
		    padding: 0.55rem 0;
		    border-radius: 0.25rem;
		    margin-top: 1rem;
		    font-size: 0.75rem;
		    margin-left: 30%;
		    margin-bottom: 1rem;
		    color: #fff;
			border: none;
		}	
			.tcsyqm{
				position: absolute;
		        top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				width: 100%;
				background: rgb(19,19,19);
				max-width: 100%;
				overflow-x: hidden;

			}
	</style>
	<body>
		<div class="title">首页</div>
		<div class="listgg" style="display: none;">
			<ul id="uls">
				<!-- <li><img src="../i/toux.jpg">
					<p><span>2020.12.29</span><small>+300</small></p>
					<p><span>用户昵称冷轩</span><small>刚刚成功提现300</small></p>
				</li> -->
			</ul>
		</div>
		<div id="index_list">
			<!-- onclick="_url({url:'lookanchor',title:'找主播'})" -->
			<div class="index_list_item" style="background:linear-gradient(45deg, #1181FF 0%, #00ACFF 100%)" onclick="_url({url:'lookanchor',title:'找主播'})">
				<img src="../i/new/index_zzb.png" class="item_img">
				<p>找主播</p>
				<img src="../i/new/right_arow.png" class="item_arow">
			</div>
			<div class="index_list_item" style="background:linear-gradient(45deg, #FF5594 0%, #FF7D9E 100%)">
				<!-- onclick="_url({url:'shop_vid',title:'找主播'})" -->
				<img src="../i/new/index_gyl.png" class="item_img">
				<p>供应链联盟</p>
				<img src="../i/new/right_arow.png" class="item_arow">
			</div>
			<div class="index_list_item" style="background:linear-gradient(45deg, #FF9D4A 0%, #FFBE57 100%)">
				<!-- onclick="_url({},'shop_win')" -->
				<img src="../i/new/index_sjfw.png" class="item_img">
				<p>商家服务</p>
				<img src="../i/new/right_arow.png" class="item_arow">
			</div>
			<!-- <div class="index_list_item" style="background:linear-gradient(45deg, #bf3535 0%, #e66666 100%)" onclick="_url({url:'zhibo_index',title:'找主播'})">
				<img src="../i/vip/zhibo.png" class="item_img" style="background: #000;opacity: 0.8;">
				<p>主播列表</p>
				<img src="../i/new/right_arow.png" class="item_arow">
			</div> -->
		</div>
		<p style="height: 4.5rem;"></p>
		<div class="tabbar">
			<div class="tabbar_item">
				<div class="item_icon icon1"></div>
				<p style="color: #F00056">首页</p>
			</div>
			<!-- 	<div class="tabbar_item" id="btn" onclick="_url({url:'zhibo_add',title:'开始直播'})">
				<div class=""><img src="../i/vip/zhibo.png" style="width: 1.8rem;opacity: 0.5;"></div>
				<p style="color: #585858">直播</p>
			</div> -->
			<div class="tabbar_item" id="btn" onclick="window.location.href='new_my.html'">
				<div class="item_icon icon3"></div>
				<p style="color: #585858">我的</p>
			</div>
		</div>
		<div class="yqma tcsyqm" style="display: none;">
			<div class="yqma">
				<p>请输入邀请人的邀请码</p>
				<input type="text" placeholder="邀请码" class="yamiput" />
				<button onclick="surebtn()" class="surebtn">确定</button>
			</div>
		</div>
	</body>
</html>
<script src="../j/api.js"></script>
<script src="../j/jquery-3.3.1.min.js"></script>
<script>
	var i = -1;
	var t = 0;
	var user = localStorage.getItem("token");
	if (user == "") {
		window.location.href = "login.html";
	}
	var picurl = "http://qiniu.live.kxg99.com/yuzhibo"
	// 统一图片处理
	function _img(url, w, h, video) {
		// console.log(url)
		var _sx_qiniu = 'http://qiniu.live.kxg99.com';
		if (!url) {
			return;
		}
		if (url.indexOf(_sx_qiniu) == -1) {
			url = _sx_qiniu + url
		}
		if (!w && !h) {
			return url;
		}
		if (w) {
			w = Math.round(w);
		}
		if (h == -1) {
			h = 0;
			w = w + 200;
		} else {
			h = Math.round(h);
			h = h ? h : w;
		}
		url = url + (video ? '?vframe/jpg/offset/0/w/' + w + '/h/' + h + '/format/jpg' : '?imageView2/' + (h == 0 ? 2 : 1) +
			'/w/' + w + '/h/' + h + '/format/png');
		//   console.log(url);
		return url;
	}

	function set(i) {
		s = setInterval(function() {
			i++;
			var len = $("#uls li").length;
			if (i >= (len - 1)) {
				$(".listgg ul").css("top", "-" + (i * 2.5) + "rem");
				t++;
				_ajax1('withdrawal/index', function(ret, err) {
					if (ret.length > 0 && ret != "") {
						len = Number(len) + Number(ret.length);
						var str = '';
						for (var i = 0; i < ret.length; i++) {
							str += '<li>';
							if (ret[i].img == null || ret[i].img == "null") {
								str += '<img src="' + picurl + '/redian-img-zan.png">';
							} else {
								str += '<img src="' + _img(ret[i].img) + '">';
							}
							str += '<p><span>' + ret[i].time + '</span><small>+' + ret[i].money + '</small></p>';
							str += '<p><span>' + ret[i].nickname + '</span><small>刚刚成功提现' + ret[i].money + '</small></p>';
							str += '</li>';
						}
						document.getElementById("uls").innerHTML = str;
						clearTimeout(s);
						i = -1;
						set(i);
						$(".listgg").css("display", "block");
						// $(".listgg ul").css("top", "-" + (i * 2.5) + "rem");
						// break
					} else {
						clearTimeout(s);
						i = -1;
						set(i);
						if ($("#uls li").length > 0) {
							$(".listgg").css("display", "block");
						} else {
							$(".listgg").css("display", "none");
						}
					}

				}, {
					token: user,
					page: t
				})
			} else {
				$(".listgg ul").css("top", "-" + (i * 2.5) + "rem");
			}
		}, 4500)
	}
	$(function() {
		//  $(".item_img").on("click", function() {
		// 		var downloader, 
		// 			scheme = 'snssdk1128://aweme/detail/6634706478647217411?refer=web&gd_label=click_wap_rf_video_top_banner&needlaunchlog=1',  // 需要打开的 scheme 地址
		// 			download='index';  // 如果打开scheme失效的app下载地址
		// 		// 给 id 为 open 的按钮添加点击事件处理函数
		// 		        window.location.href = scheme;  // 尝试打开 scheme 
		// 		        // 设置3秒的定时下载任务，3秒之后下载app
		// 		        downloader = setTimeout(function(){
		// 		            window.location.href = download;
		// 		        }, 3000);
		// })

		set(i);
		// $("#btn").on("click", function() {
		// 	if (user == "") {
		// 		window.location.href = "login.html";
		// 	} else {
		// 		window.location.href = "new_my.html";
		// 	}

		// })
		// btn.onclick = function() {
		// 	if (user == "") {
		// 		api.openWin({
		// 			name: 'login',
		// 			url: './login.html',
		// 		});
		// 	} else {
		// 		api.openWin({
		// 			name: 'new_my',
		// 			url: './new_my.html',
		// 		});
		// 	}
		// }
	})
</script>
